﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>In Touch Reminder</title>

    <link href="css/font.css" rel="stylesheet" type="text/css" />
    <link href="css/styles.css" rel="stylesheet" type="text/css" />
    <!--[if IE]> <link href="css/ie.css" rel="stylesheet" type="text/css"> <![endif]-->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

    <script type="text/javascript" src="js/plugins/forms/ui.spinner.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.mousewheel.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

   <!-- <script type="text/javascript" src="js/plugins/charts/excanvas.min.js"></script>
    <script type="text/javascript" src="js/plugins/charts/jquery.flot.js"></script>
    <script type="text/javascript" src="js/plugins/charts/jquery.flot.orderBars.js"></script>
    <script type="text/javascript" src="js/plugins/charts/jquery.flot.pie.js"></script>
    <script type="text/javascript" src="js/plugins/charts/jquery.flot.resize.js"></script>
    <script type="text/javascript" src="js/plugins/charts/jquery.sparkline.min.js"></script>-->

    <script type="text/javascript" src="js/plugins/tables/jquery.dataTables.js"></script>
   <script type="text/javascript" src="js/plugins/tables/jquery.sortable.js"></script>
    <script type="text/javascript" src="js/plugins/tables/jquery.resizable.js"></script>

    <script type="text/javascript" src="js/plugins/forms/autogrowtextarea.js"></script>
    <!-- <script type="text/javascript" src="js/plugins/forms/jquery.uniform.js"></script>-->
    <script type="text/javascript" src="js/plugins/forms/jquery.inputlimiter.min.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.tagsinput.min.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.maskedinput.min.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.autotab.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.chosen.min.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.dualListBox.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.cleditor.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.ibutton.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.validationEngine-en.js"></script>
    <script type="text/javascript" src="js/plugins/forms/jquery.validationEngine.js"></script>

     <script type="text/javascript" src="js/plugins/uploader/plupload.js"></script>
    <script type="text/javascript" src="js/plugins/uploader/plupload.html4.js"></script>
    <script type="text/javascript" src="js/plugins/uploader/plupload.html5.js"></script>
   <script type="text/javascript" src="js/plugins/uploader/jquery.plupload.queue.js"></script>

    <script type="text/javascript" src="js/plugins/wizards/jquery.form.wizard.js"></script>
    <script type="text/javascript" src="js/plugins/wizards/jquery.validate.js"></script>
    <script type="text/javascript" src="js/plugins/wizards/jquery.form.js"></script>

    <script type="text/javascript" src="js/plugins/ui/jquery.collapsible.min.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.breadcrumbs.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.tipsy.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.progress.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.timeentry.min.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.colorpicker.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.jgrowl.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.fancybox.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.fileTree.js"></script>
    <script type="text/javascript" src="js/plugins/ui/jquery.sourcerer.js"></script>

    <script type="text/javascript" src="js/plugins/others/jquery.fullcalendar.js"></script>
    <script type="text/javascript" src="js/plugins/others/jquery.elfinder.js"></script>

    <script type="text/javascript" src="js/plugins/ui/jquery.easytabs.min.js"></script>
    <script type="text/javascript" src="js/files/bootstrap.js"></script>
    <script type="text/javascript" src="js/files/functions.js"></script>

    <style type="text/css">
.glyph {
		display: inline-block;
		text-align: center;
		padding: .75em;
		margin: .75em 1em .75em 1em;
		width: 38px;
	}
		.fs1 {
		font-size: 2em;
	}
	.widget [class*="icos-"] { float: none; }
</style>
</head>

<body>

    <!-- Top line begins -->
    <div id="top">
        <div class="wrapper">
            <a href="contacts.html" title="" class="logo">
                <img src="images/logo.png" alt="" /></a>

            <!-- Right top nav -->
            <div class="topNav">
                <h2>
                    <span class="title">Contacts</span></h2>
                <div class="clear"></div>
            </div>
        </div>
        <!-- Top line ends -->

     <!--   <div class="breadLinks">
            <ul>
                <li><a href="#" title=""><i class="icos-list"></i><span>Orders</span> <strong>(+58)</strong></a></li>
                <li><a href="#" title=""><i class="icos-check"></i><span>Tasks</span> <strong>(+12)</strong></a></li>
                <li class="has">
                    <a title="">
                        <i class="icos-money3"></i>
                        <span>Invoices</span>
                        <span><img src="images/elements/control/hasddArrow.png" alt="" /></span>
                    </a>
                    <ul>
                        <li><a href="#" title=""><span class="icos-add"></span>New invoice</a></li>
                        <li><a href="#" title=""><span class="icos-archive"></span>History</a></li>
                        <li><a href="#" title=""><span class="icos-printer"></span>Print invoices</a></li>
                    </ul>
                </li>
            </ul>
             <div class="clear"></div>
        </div>-->

        <div class="modified_secNav">
            <div class="secWrapper">
                <!--<div class="secTop">
                <div class="balance">
                <div class="balInfo">Balance:<span>Apr 21 2012</span></div>
                <div class="balAmount"><span class="balBars"></span><span>$58,990</span></div>
                </div>
                <a href="#" class="triangle-red"></a>
            </div>-->

                <!-- Tabs container -->
                <div id="tab-container" class="tab-container">
                    <!--<ul class="iconsLine ic3 etabs">
                    <li><a href="#general" title=""><span class="icos-user"></span></a></li>
                    <li><a href="#stuff" title=""><span class="icos-list"></span></a></li>
                    <li><a href="#allusers" title=""><span class="icos-users"></span></a></li>
                    <li><a href="#synch" title=""><span class="icol-address-book"></span></a></li>
                    <li><a href="#synch" title=""><span class="icol-address-book"></span></a></li>
                </ul>-->

                    <!--  <div class="divider"><span></span></div>-->

                    <div id="general">
                        <ul class="userList">
                            <li class="has">
                                <a style="margin-top: -8px">
                                    <img src="images/live/face1.png" alt="" />
                                    <span class="contactName">
                                        <strong>Eugene Kopyov <span>(5)</span></strong>
                                        <i>web &amp; ui designer</i>
                                    </span>
                                    <span class="status_away"> </span>
                                    <span class="clear"></span>
                                    <ul class="contact_actionbuttons">
                                        <li><a href="tel:13054943162" title="Call"><span class="iconb green" data-icon="&#xe01d;"></span></a></li>
                                        <li><a href="http://google.com" title="Text"><span class="iconb beige" data-icon="&#xe01e;"></span></a></li>
                                        <li><a href="#"><span class="iconb" data-icon="&#xe023;"></span></a></li>
                                       <!-- <li><a href="#"><span class="iconb" data-icon="&#xe023;"></span></a></li>-->
                                    </ul>
                                </a>
                            </li>
                            <li class="has">
                                <a href="#" title="">
                                    <img src="images/live/face2.png" alt="" />
                                    <span class="contactName">
                                        <strong>Lucy Wilkinson <span>(12)</span></strong>
                                        <i>Team leader</i>
                                    </span>
                                    <span class="status_off"></span>
                                    <span class="clear"></span>
                                      <ul>
                                <li><a href="#"><span class="icos-add"></span>Add</a></li>
                                <li><a href="#"><span class="icos-trash"></span>Remove</a></li>
                                <li><a href="#" class=""><span class="icos-pencil"></span>Edit</a></li>
                                <li><a href="#" class=""><span class="icos-heart"></span>Do whatever you like</a></li>
                            </ul>
                                </a>
                            </li>
                            <li>
                                <a href="#" title="">
                                    <img src="images/live/face3.png" alt="" />
                                    <span class="contactName">
                                        <strong>John Dow</strong>
                                        <i>PHP developer</i>
                                    </span>
                                    <span class="status_available"></span>
                                    <span class="clear"></span>
                                </a>
                            </li>
                            <li class="this">
                                <a href="#" title="">
                                    <img src="images/live/face4.png" alt="" />
                                    <span class="contactName">
                                        <strong>The Incredible</strong>
                                        <i>web &amp; ui designer</i>
                                    </span>
                                    <span class="status_available"></span>
                                    <span class="clear"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#" title="">
                                    <img src="images/live/face5.png" alt="" />
                                    <span class="contactName">
                                        <strong>The wazzup guy</strong>
                                        <i>web &amp; ui designer</i>
                                    </span>
                                    <span class="status_available"></span>
                                    <span class="clear"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#" title="">
                                    <img src="images/live/face6.png" alt="" />
                                    <span class="contactName">
                                        <strong>Viktor Fedorovich</strong>
                                        <i>web &amp; ui designer</i>
                                    </span>
                                    <span class="status_available"></span>
                                    <span class="clear"></span>
                                </a>
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </div>

                </div>
                <!--<div class="divider"><span></span></div>-->

            </div>
            <div class="clear"></div>
            <div>
            </div>
        </div>
        </div>
     <div id="bottom">
         <div>
<ul class="middleFree">
           <li><a href="#" title="Add something"><span class="iconb selected" data-icon="&#xe1bb;"></span><span class="subtitle_text selected">Contacts</span></a></li>
           <li><a href="#" title="Add something"><span class="iconb" data-icon="&#xe023;"></span><span class="subtitle_text">Reminders</span></a></li>
           <li><a href="#" title="Add something"><span class="iconb" data-icon="&#xe04d;"></span><span class="subtitle_text">Settings</span></a></li>
           <li><a href="#" title="Add something"><span class="iconb" data-icon="&#xe24a;"></span><span class="subtitle_text">More...</span></a></li>
         </ul>

         </div>
         
         <!--<div class="bGreen">
               <span class="iconb" data-icon="&#xe000;">

               </span>
             <span style="display: block">Contacts</span>
                <!--<div class="glyph"><div class="fs1 iconb" data-icon="&#xe000;"></div></div>-->
              <!--   this is a bottomless pit-->
              <!--   </div>-->

    </div>

</body>
</html>
